{include file="common/head"/}
<div class="layui-box" id="content_box">
    <div class="left_atree">
         <div class="folder_all">
         <a href="#"><img src="__STATIC__/admin/images/minus.gif" />.<img src="__STATIC__/admin/images/folder_all.png" /> 展开/收缩</a>
         </div>
         <ul id="tree" class="filetree">
             <li><span class="folder">一级目录</span>
             {$categorys|raw}
        </ul>
    </div>
    <div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;">
          <iframe name='right' src="{:url('lists')}" style="width:100%; " id="right" frameBorder=0 ></iframe>
    </div><!--内框-->
</div>
{include file="common/foot"/}
<script type="text/javascript" src="__PUBLIC__/static/common/js/jquery.2.1.1.min.js"></script>
<link rel="stylesheet" href="__PUBLIC__/static/plugins/treeview/css/jquery.treeview.css" type="text/css" />
<script type="text/javascript" src="__PUBLIC__/static/plugins/treeview/jquery.cookie.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/plugins/treeview/jquery.treeview.js"></script>
<script type="text/javascript">
   $("#tree").treeview();
</script>
<script>
    layui.use('table', function() {
        var table = layui.table, $ = layui.jquery;
        //搜索
        $('#search').on('click', function () {
            var key = $('#key').val();
            if ($.trim(key) === '') {
                layer.msg('{:lang("pleaseEnter")}关键字！', {icon: 0});
                return;
            }
            tableIn.reload({ page: {page: 1}, where: {key: key,catid:'{:input("catid")}'} });
        });
        var h = document.documentElement.clientHeight + 5;
        $("#content_box").css({'height':h + 'px'})
        $(".left_atree").css({'height':h + 'px'})
		$("#right").css({'height':(h - 10)+ 'px'})
		$(window).resize(function(){
		    var h = document.documentElement.clientHeight +5;
			$("#content_box").css({'height':h + 'px'})
			$(".left_atree").css({'height':h + 'px'})
			$("#right").css({'height':(h - 10) + 'px'})
		});
    });
</script>